@each $name, $color-group in $dv-colors {
  @each $key, $color in $color-group {
    .dv-global-theme-#{$name}, .theme-#{$name} {
      .fill-#{$key} {
        fill: $color;
      }

      .stop-#{$key} {
        stop-color: $color;
      }

      .stroke-#{$key} {
        stroke: $color;
      }

      .color-#{$key} {
        color: $color;
      }

      .bg-color-#{$key} {
        background-color: $color;
      }
    }
  }

  @each $key, $color in $color-group {
    .theme-#{$name}.fill-#{$key} {
      fill: $color !important;
    }
    .theme-#{$name}.stop-#{$key} {
      stop-color: $color !important;
    }
    .theme-#{$name}.stroke-#{$key} {
      stroke: $color !important;
    }
    .theme-#{$name}.color-#{$key} {
      color: $color !important;
    }
    .theme-#{$name}.bg-color-#{$key} {
      background-color: $color !important;
    }
  }
}
